<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title>Happy Birthday</title>
 <link rel="stylesheet" href="../css/jquery.fullPage.css" type="text/css"/>
 <link rel="stylesheet" href="../css/memories.css" type="text/css"/>
 <link rel="stylesheet" href="../css/bubbles.css" type="text/css" />
</head>

<body>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!-- <!--第一屏--> -->
      <!-- <div class="section"> -->
          <!-- <div class="ly-box01"> -->
            <!-- <div class="ly-txt01"> -->
              <!-- <p class="ly-stxt01">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt02">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt03">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt04">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt05">XXXXXXXXXXXXXXXXXXXX</p> -->
            <!-- </div> -->
            <!-- <div class="ly-txt02"> -->
              <!-- <p class="ly-stxt06">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt07">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXX</p> -->
            <!-- </div> -->
        <!-- </div> -->
      <!-- </div> -->

      <!--第二屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11">
                lulu同学：
              </div>
              <div class="ly-txt12" font-size=20>
                 生日快乐呀！（农历的）23年前的现在，一个可爱的小宝贝已经出生啦。现在已经变成一个小可爱啦！！！
				 <p></p>
				 <p></p>
				 <p>你在我心目中，是个很独立，聪颖，机灵的人。身上有着强大的亲和力，让人感觉很温暖。</p>
				 <p>你虽然平时一副严肃的表情，但相处时超可爱的。</p>
			     <p>对啦，你还很能吃辣！！！</p>
				 <p>可以算特长的那种强！</p>
				 <p></p>
				 <p>以上内容</p>
			     <p>（认识不足还请多多包涵）</p>
              </div>
              <!-- <div class="ly-imgbox11"> -->
                <!-- <img class="ly-img11" src="img/2014.11.14-1.jpg"> -->
              <!-- </div> -->
          </div>
          <div class="ly-triangle11"></div>

          <!-- <div class="ly-box12"> -->
              <!-- <div class="ly-txt14"> -->
			     <!-- <p>你在我心目中，是个很独立，聪颖，机灵的人。身上有着强大的亲和力，让人感觉很温暖。</p> -->
			     <!-- <p>对啦，你还很能吃辣！！！</p> -->
			     <!-- <p>（认识不足还请多多包涵）</p> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle12"></div> -->
      </div>

      <!--第三屏-->

      <!-- <div class="section"> -->
          <!-- <div class="timeline"></div> -->
          <!-- <div class="timepoint21"></div> -->
          <!-- <div class="ly-box21"> -->
              <!-- <div class="ly-txt21"> -->
                  <!-- 201X-1X-2X -->
              <!-- </div> -->
              <!-- <div class="ly-txt22"> -->
                 <!-- <p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				         <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- </div> -->
              <!-- <div class="ly-imgbox21"> -->
                <!-- <img class="ly-img21" src="img/2014.11.26-1.png"> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle21"></div> -->

          <!-- <div class="ly-box22"> -->
              <!-- <div class="ly-txt23"> -->
                  <!-- 201X-1X-1X -->
              <!-- </div> -->
              <!-- <div class="ly-txt24"> -->
                  <!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
              <!-- </div> -->
              <!-- <div class="ly-imgbox22"> -->
                <!-- <img class="ly-img22" src="img/2014.12.19-1.png"> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle22"></div> -->

           <!-- <div class="ly-box23"> -->
              <!-- <div class="ly-txt25"> -->
                  <!-- 201X-1X-2X -->
              <!-- </div> -->
              <!-- <div class="ly-txt26"> -->
                  <!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX -->
              <!-- </div> -->
              <!-- <div class="ly-imgbox23"> -->
                <!-- <img class="ly-img23" src="img/2014.12.20-1.jpg"> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle23"></div> -->
      <!-- </div> -->

      <!--第四屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
              <div class="ly-txt32">
                  <p>和你相识真是缘分；能从众多的候选人中被你选出真是幸运。那段时间我的状态很不好，处于自我怀疑自我否定的循环中。</p>
				  <p>你在求职过程中，对我不断的肯定帮我走出了负面的情绪。</p>
				  <p>我还记得当时，我坐在图书馆和你电话面试时的场景。别的HR都是走个过场，筛选候选人能力；但你很负责地分析我的问题，帮我提升面试技巧。</p>
				  <p>真的很感激你啊！</p>
              </div>
              <!-- <div class="ly-imgbox31"> -->
                <!-- <img class="ly-img31" src="img/2014.12.28-1.JPG"> -->
              <!-- </div> -->
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
              <div class="ly-txt32">
                 <p>后来和你聊到高中生活。你的高中生活过的不太如意，而我的也不太顺畅。</p>
                 <p>之前和你说过的“智障”朋友们，后来也因为各种原因走散了。</p>
				 <p>这是另外一个故事啦，有空再和你说。</p>
			  </div>
              <!-- <div class="ly-imgbox31"> -->
                <!-- <img class="ly-img31" src="img/2014.12.28-2.png"> -->
              <!-- </div> -->
          </div>
          <div class="ly-triangle32"></div>
      </div>
  

      <!--第八屏-->

      <!-- <div class="section"> -->
          <!-- <div class="timeline"></div> -->
          <!-- <div class="timepoint11"></div> -->
          <!-- <div class="ly-box81"> -->
              <!-- <div class="ly-txt11"> -->
                  <!-- 201X-0X-1X -->
              <!-- </div> -->
              <!-- <div class="ly-txt82"> -->
                  <!-- XXXXXXXXXXXXXXXXXXXXXXXXXX -->
              <!-- </div> -->
              <!-- <div class="ly-imgbox81"> -->
                <!-- <img class="ly-img81" src="img/2015.06.18-1.PNG"> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle11"></div> -->

          <!-- <div class="ly-box82"> -->
              <!-- <div class="ly-txt13"> -->
                  <!-- 2015-06-18 -->
              <!-- </div> -->
              <!-- <div class="ly-txt84"> -->
                 <!-- <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle82"></div> -->
      <!-- </div> -->
		<!--第十屏-->

		      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box31">
              <div class="ly-txt32">
                  <p>anyway，扯远了。今天是你的生日，还是要由衷的祝你生日快乐。</p>
                  <p>今年要做个19岁的小可爱啊！</p>
                  <p></p>
				  <p></p>
				  <p>PS：你毕竟才19岁嘛，人生的道理还长。那今年的生日就这么过啦！</p>
				  <p></p>
				  <p>李露同学 生日快乐呀！！！</p>
              </div>
              <div class="ly-imgbox81">
                
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <!-- <div class="ly-box82"> -->
              <!-- <div class="ly-txt13"> -->
                  <!-- 201X-0X-1X -->
              <!-- </div> -->
              <!-- <div class="ly-txt84"> -->
                 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
   				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX。</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>可XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> -->
				 <!-- <p>XXXXXXXXXXXXXXXXXXX</p> -->
              <!-- </div> -->
          <!-- </div> -->
          <!-- <div class="ly-triangle82"></div> -->
      <!-- </div> -->

       </div>
  <!--试验-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>

  </div>
  <script src="../js/jquery-2.1.1.min.js"></script>
  <script src="../js/jquery.fullPage.min.js"></script>
  <!-- <script src="../js/auto-play.js"></script> -->
  <script src="../js/memories.js"></script>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop"></audio>
</body>
</html>
